<style>
  .w4-hot-list{
    margin-bottom: 5px;
    border-bottom: none;
  }
  .w4-hot-list:first-child{
    margin-top: 5px;
  }
  .pro-tuijian {
    padding: 10px 0 0 25px;
    margin-top: 10px;
  }
</style>
<ion-view title="产品">
  <ion-content>
    <div ng-repeat="p in shoproducts" ng-click="toView(p.pType, p.fpFundInfoDTO ? p.fpFundInfoDTO.id : p.productDTO.code)">
      <div class="bg-fff w4-hot-list">
        <div class="row w4-hot-list-top">
          <div class="w4-hot-list-top-2" ng-if="p.pType==01">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744645972simu.png">
            阳光私募
          </div>
          <div class="w4-hot-list-top-2" ng-if="p.pType==02">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744667912xt.png">
            集合信托
          </div>
          <div class="w4-hot-list-top-2" ng-if="p.pType==03">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744683204zg.png">
            集合资管
          </div>
          <div class="w4-hot-list-top-2" ng-if="p.pType==06">
            <img width="15px" src="https://www.superfa.cn/upload/bann/20160427/1461744602611pevc.png">
            股权基金
          </div>
          <div class="w4-hot-list-top-2" ng-if="p.pType==07">
            <img width="15px" src="img/zq_icon.png">
            债权基金
          </div>
          <div class="w4-hot-list-top-3" ng-if="p.pType != 01">{{p.productDTO.name}}</div>
          <div class="w4-hot-list-top-3" ng-if="p.pType == 01">{{p.fpFundInfoDTO.jjmc}}</div>
          <img ng-if="p.productDTO.saleStatus == 02" class="w4-hot-list-statusimg" src="img/status_yuren.png" width="44px" height="44px">
          <img ng-if="p.productDTO.saleStatus == 03" class="w4-hot-list-statusimg" src="img/status_mujizhong.png" width="44px" height="44px">
          <img ng-if="p.productDTO.saleStatus == 04" class="w4-hot-list-statusimg" src="img/status_muman.png" width="44px" height="44px">
          <img ng-if="p.productDTO.saleStatus == 05" class="w4-hot-list-statusimg" src="img/status_jieshu.png" width="44px" height="44px">
          <img ng-if="p.fpFundInfoDTO.jjzt == '开放运行'" class="w4-hot-list-statusimg" src="img/simu_open.png" width="44px" height="44px">
          <img ng-if="p.fpFundInfoDTO.jjzt == '封闭运行'" class="w4-hot-list-statusimg" src="img/simu_close.png" width="44px" height="44px">
        </div>
        <div class="row w4-hot-list-cen" ng-if="p.pType != '01'">
          <div class="col">
            <div class="w4-hot-list-cen-info1" ng-if="p.pType!=06">预期年化</div>
            <div class="w4-hot-list-cen-info1" ng-if="p.pType==06">基准收益</div>
            <div class="w4-hot-list-cen-info2">{{p.productDTO.profitHight.expectAnnualRevenue}}</div>
          </div>
          <div class="col w4-hot-list-cen-info3">
            <div><span></span></div>
            <div>产品期限<span>{{p.productDTO.dueTime}}个月</span></div>
            <div ng-if="p.pType == '06'">组织形式<span>{{p.productDTO.productExpandDTO.peOrganizeShape | zuzhixingshi}}</span></div>
            <div ng-if="p.pType != '06'">投资领域<span>{{p.productDTO.investType | touzhihangye}}</span></div>
            <!--<div>返佣比例<span ng-if="!userRole" ng-click="goCertification($event)">认证可见</span><span ng-if="userRole">{{item.profitHight.pIsAgreement === '1'?'协议价':(p.productDTO.profitHight.pRebateAmount?p.productDTO.profitHight.pRebateAmount+'%':p.productDTO.profitHight.rebate+'%')}}</span>-->
          </div>
        </div>
        <div class="row w4-hot-list-cen" ng-if="p.pType == '01'">
          <div class="col">
            <div class="w4-hot-list-cen-info1">涨跌幅</div>
            <div class="w4-hot-list-cen-info2">{{p.fpFundInfoDTO.lsjzJson[0].zdf || '--'}}</div>
          </div>
          <div class="col w4-hot-list-cen-info3">
            <div>最新净值<span>{{p.fpFundInfoDTO.lsjzJson[0].jzdw || '--'}}</span></div>
            <div>累计净值<span>{{p.fpFundInfoDTO.lsjzJson[0].ljjz || '--'}}</span></div>
            <div>基金经理<span>{{p.fpFundInfoDTO.jjjlmc}}</span></div>
          </div>
        </div>
        <div class="row row-no-padding" ng-if="p.pType != '01'">
          <div class="w4-home-progress" >
            <div class="w4-home-progress-in" style="width:{{p.productDTO.process}}%"></div>
          </div>
          <div class="w4-home-progress-in-text">{{p.productDTO.process}}%</div>
        </div>
        <div class="pro-tuijian" ng-if="p.tuijianReson">推荐理由：{{p.tuijianReson}}</div>
      </div>

    </div>
    <div ng-show="shoproducts && shoproducts.length == 0" style="width: 100%; padding: 40px; text-align: center">
      暂无产品
    </div>
    <ion-list></ion-list>
    <ion-infinite-scroll ng-if="pager.hasNaxtPage" spinner="ios-small" on-infinite="loadMore()"></ion-infinite-scroll>
  </ion-content>
  <div ng-if="!ismaster" ui-sref="shopChat({tid:uid,ismaster:false})" style="position:absolute;right: 1rem;bottom: 20%;z-index: 999">
    <img src="img/shops/gtlb.png" width="45px"/>
  </div>
</ion-view>